<template>
	<view class="container">
		<view class="uni-textarea">
			<textarea placeholder-style="color:black" placeholder="请输入问题信息" />
			<input class="uni-input" type="number" placeholder="请输入联系方式" />
		</view>
		<view class="container1">
			<p>为了更快捷解决问题，我们可能会联系您</p>
			<button type="warn">提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			bindTextAreaBlur: function(e) {
				console.log(e.detail.value)
			}
		}
	}
</script>

<style scoped lang="scss">
	* {
		margin: 0;
		padding: 0;
	}

	.uni-textarea {
		height: 160px;
		background-color: rgba(255, 255, 255, 1);

		>textarea {
			padding: 5px;
		}

		position: relative;
	}

	.container {
		background: rgba(242, 242, 242, 1);
		height: calc(100vh - 44px)
	}

	.uni-input {
		// background-color: red;
		height: 52px;
		background-color: transparent;
		border-color: transparent;
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 5px;
	}

	.container1 {

		>p {
			font-size: 12px;
			color: #999999;
			margin: 10px;
		}

		>button {
			margin: 60px 10px;
		}
	}
</style>
